<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>博客2</title>
	<style>
	body{
		background-color:#222222;
	}
	.body{
		width:1311px;
		height: 677px;
		background-color:white;
		margin:0 auto;
	}
	.header{
		width:1300px;
		height:57px;
		background-color: #222222;
	}
	.header ul{
		margin:0;
		padding:0;
		list-style: none;
	}
/*	.banner ul{
		margin:0;
		padding:0;
		list-style: none;
	}*/
	.header li{
		width:160px;
		display:inline-block;
		float:left;
	}
/*	.banner li{
		width:40px;
		line-height: 40px;
		display:inline-block;
		float:left;
	}*/
/*	.banner li{

		width:60px;
	}*/

	.header #lastid{
		margin-left:500px;
	}
	.header a{
		height:57px;
		line-height: 57px;
		color:white;
		text-decoration:none;
	}
	.banner{
		float:left;
		width: 1300px;
		height:180px;
/*		background-color: green;*/

	}
	.banner ul{
		margin:0;
		padding:0;
		height:40px;
		list-style: none;
	}
	.banner li{
		line-height: 40px;
		display:inline-block;
		width:60px;
	}
	.banner a{
		text-decoration:none;
		width:60px;
		color:gray;
	}
	.banner #lastid{
		margin-left:500px;
	}
	.content{
		float:left;
		width:1300px;
		height:310px;
/*		background-color: red;*/
	}
	.content h1{
		margin:0;
		padding:0;
	}
	.content p{
		width:500px;
		height:400px;
		display:inline-block;
	}

	</style>

</head>
<body>
<div class="body">
	<div class="header">
		<ul>
			<li><a href="#">HOME</a></li>
			<li><a href="#">ABOUT</a></li>
			<li><a href="#">CONTACT</a></li>
			<li id="lastid"><a href="#">SEAPCH THE SITE</a></li>
		</ul>
	</div>
	<div class="banner">
		<img src="image/image/devlounge_logo.png">
		<hr style="border:none;border-top:4px solid #222222">
		<ul>
			<li><a href="#">HOME</a></li>
			<li><a href="#">ABOUT</a></li>
			<li><a href="#">CON</a></li>
			<li><a href="#">HOME</a></li>
			<li><a href="#">ABOUT</a></li>
			<li><a href="#">CON</a></li>
			<li><a href="#">ABOUT</a></li>
			<li><a href="#">CON</a></li>
			<li id="lastid"><a href="#">SEAPCH</a></li>
		</ul>
		<hr>
	</div>
	<div class="content">
		<h1>Top 20 HTML and CSS SITES To INSPIRE YOU </h1>
		<p id="text">Top 20 HTML and CSS SITES To INSPIRE YOU Top 20 HTML and CSS SITES To INSPIRE YOU Top 20 HTML and CSS SITES To INSPIRE YOU Top 20 HTML and CSS SITES To INSPIRE YOU</p>
		<img src="image/image/comp.jpg">
	</div>
</div>


</body>
</html>